<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>嘻嘻嘻哈哈哈博客</title>
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/blog.css">
    <script src="../static/js/jquery.min.js"></script>
</head>
<body class="user-select">
<header class="header">
    <nav class="navbar navbar-default" id="navbar1"
         style="opacity: 0.9;z-index: 9999;">
        <div class="container" id="nav">
            <div class="navbar-header logo-site">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#header-navbar" aria-expanded="false"><span class="sr-only"></span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                <h1 class="logo hvr-bounce-in">
                    <a href="/" title="嘻嘻嘻哈哈哈博客">嘻嘻嘻哈哈哈博客</a>
                </h1>
            </div>
        </div>
    </nav>
</header>
<section class="container" id="detail">
    <div class="content-wrap">
        <div class="content">
            <header class="article-header">
                <h1 class="article-title"><a href="javascript:;">elementUI select组件使用详解</a></h1>
                <div class="article-meta">
                    <span class="item article-meta-time">
                        <time class="time" data-toggle="tooltip" data-placement="bottom"><i class="glyphicon glyphicon-time"></i> <span>Wed Sep 23 11:57:43 CST 2020</span></time>
                    </span>
                </div>
            </header>
            <article class="article-content" style="height: auto !important;"><article style="padding: 20px 0px; border-top: 1px solid rgb(228, 235, 244); border-left: 1px solid rgb(228, 235, 244); border-right: 1px solid rgb(228, 235, 244); color: rgb(51, 51, 51); font-family: &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, SimHei, Arial, SimSun; font-size: 16px;"><div id="article_content" class="article_content csdn-tracking-statistics" data-mod="popu_307" data-dsm="post" style="margin: 0px 0px 50px; padding: 20px 30px 0px; color: rgb(69, 69, 69); overflow: hidden;"><div class="markdown_views" style="margin: 0px; padding: 0px; font-family: &quot;microsoft yahei&quot;; font-size: 15px; color: rgb(63, 63, 63);"><h1 id="elementui-select组件使用详解" style="margin-top: 0.8em; margin-bottom: 0.8em; font-size: 2.6em; font-family: inherit; padding: 0px;">elementUI select组件使用详解</h1><ul style="margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; list-style-position: initial; list-style-image: initial;"><li style="margin: 0px 0px 0px 40px; padding: 0px; list-style: disc;"><strong>动态生成option选项</strong></li><li style="margin: 0px 0px 0px 40px; padding: 0px; list-style: disc;"><strong>option选项绑定对应的文本值和value值</strong></li><li style="margin: 0px 0px 0px 40px; padding: 0px; list-style: disc;"><strong>作为表单项目，新增、编辑功能</strong></li><li style="margin: 0px 0px 0px 40px; padding: 0px; list-style: disc;"><strong>对选项改变后触发相关事件</strong></li></ul><pre class="prettyprint" style="font-family: &quot;Source Code Pro&quot;, monospace; font-size: 14px; white-space: nowrap; padding: 5px 5px 5px 60px; margin-bottom: 1.1em; line-height: 1.45; background-color: rgba(128, 128, 128, 0.05); border-color: rgba(128, 128, 128, 0.075); border-radius: 0px; position: relative; overflow-y: hidden;"><code class="hljs lasso has-numbering" style="font-family: &quot;Source Code Pro&quot;, monospace; white-space: pre; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; display: block; word-wrap: normal;"><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>div id<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"app"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
    <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-form</span> :model<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"form"</span>  ref<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"form"</span> label<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-width</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"100px"</span> class<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"demo-ruleForm"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
        <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-form</span><span class="hljs-attribute" style="margin: 0px; padding: 0px;">-item</span> label<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"姓名选择"</span> prop<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"typeId"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
            <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-select</span> v<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-model</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"form.typeId"</span> placeholder<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"请选择"</span> @change<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"change"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
                <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-option</span> v<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-for</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"item in items"</span> :label<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"item.name"</span> :value<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"item.id"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-option</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
            <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-select</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
        <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-form</span><span class="hljs-attribute" style="margin: 0px; padding: 0px;">-item</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
        <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-form</span><span class="hljs-attribute" style="margin: 0px; padding: 0px;">-item</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
            <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-button</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">type</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"primary"</span> @click<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"add()"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>新增<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-button</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
            <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-button</span> <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">type</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"primary"</span> @click<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"edit()"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>编辑<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-button</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
            <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-button</span> @click<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">=</span><span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"cancel()"</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>取消<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-button</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
        <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-form</span><span class="hljs-attribute" style="margin: 0px; padding: 0px;">-item</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
    <span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/el<span class="hljs-attribute" style="margin: 0px; padding: 0px;">-form</span><span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span>
<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&lt;</span>/div<span class="hljs-subst" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0);">&gt;</span></code><ul class="pre-numbering" style="margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 6px 0px 40px; list-style: none; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; border-right: 1px solid rgb(221, 221, 221); text-align: right;"><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">1</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">2</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">3</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">4</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">5</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">6</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">7</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">8</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">9</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">10</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">11</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">12</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">13</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">14</li></ul></pre><pre class="prettyprint" style="font-family: &quot;Source Code Pro&quot;, monospace; font-size: 14px; white-space: nowrap; padding: 5px 5px 5px 60px; margin-bottom: 1.1em; line-height: 1.45; background-color: rgba(128, 128, 128, 0.05); border-color: rgba(128, 128, 128, 0.075); border-radius: 0px; position: relative; overflow-y: hidden;"><code class="hljs xml has-numbering" style="font-family: &quot;Source Code Pro&quot;, monospace; white-space: pre; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; display: block; word-wrap: normal;"><span class="hljs-tag" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102);">&lt;<span class="hljs-title" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">script</span>&gt;</span><span class="javascript" style="margin: 0px; padding: 0px;">
    <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">var</span> vm = <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">new</span> Vue({
        el:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"#app"</span>,
        mounted(){
            <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.getData();
        },
        data:{
            form:{
                typeId:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">''</span>
            },
            items:[],
            datas:[{name:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"senbo"</span>,id:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">'1'</span>},{name:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"muse"</span>,id:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">'2'</span>},{name:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"bobo"</span>,id:<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">'3'</span>}]
        },
        methods:{
            getData:<span class="hljs-function" style="margin: 0px; padding: 0px;"><span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">function</span><span class="hljs-params" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102);">()</span>{</span>
                <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.items = <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.datas; 

            },
            add:<span class="hljs-function" style="margin: 0px; padding: 0px;"><span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">function</span><span class="hljs-params" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102);">()</span>{</span>
                <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.form.typeId = <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">""</span>;
            },
            cancel(){
                 <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.form.typeId = <span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">""</span>;   
            },
            change:<span class="hljs-function" style="margin: 0px; padding: 0px;"><span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">function</span><span class="hljs-params" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102);">()</span>{</span>
                console.log(<span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.form.typeId)
            },
            edit:<span class="hljs-function" style="margin: 0px; padding: 0px;"><span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">function</span><span class="hljs-params" style="margin: 0px; padding: 0px; color: rgb(102, 0, 102);">()</span>{</span>
                <span class="hljs-keyword" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">this</span>.form.typeId =<span class="hljs-string" style="margin: 0px; padding: 0px; color: rgb(0, 136, 0);">"1"</span>;
            }
        }
    })
</span><span class="hljs-tag" style="margin: 0px; padding: 0px; color: rgb(0, 102, 102);">&lt;/<span class="hljs-title" style="margin: 0px; padding: 0px; color: rgb(0, 0, 136);">script</span>&gt;</span></code><ul class="pre-numbering" style="margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 6px 0px 40px; list-style: none; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; border-right: 1px solid rgb(221, 221, 221); text-align: right;"><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">1</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">2</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">3</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">4</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">5</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">6</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">7</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">8</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">9</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">10</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">11</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">12</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">13</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">14</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">15</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">16</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">17</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">18</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">19</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">20</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">21</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">22</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">23</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">24</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">25</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">26</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">27</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">28</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">29</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">30</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">31</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">32</li><li style="margin: 0px; padding: 0px 5px; list-style: none; color: rgb(153, 153, 153);">33</li></ul></pre></div></div></article><div class="article_copyright" style="margin: 0px 0px -20px; padding: 0px 20px 30px; border-bottom: 1px solid rgb(228, 235, 244); border-left: 1px solid rgb(228, 235, 244); border-right: 1px solid rgb(228, 235, 244); font-size: 14px; color: rgb(120, 128, 135); clear: both; overflow: hidden; font-family: &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, SimHei, Arial, SimSun;">转自http://blog.csdn.net/museions/article/details/77824361</div></article>
            <div class="relates">
                <div class="title">
                    <h3>相关推荐</h3>
                </div>
                <ul>
                    <li>
                        <a href="/news/detail_118.html">elementUI select组件使用详解</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<footer class="footer">
    <div class="container">
        <p>本站[<a href="http://xiaochancy.gitee.io/java/">嘻嘻嘻哈哈哈博客</a>]的部分内容来源于网络，若侵犯到您的利益，请联系站长删除！谢谢！Powered By [
        </p>
    </div>
    <div id="gotop"><a class="gotop"></a></div>
</footer>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/blog.js"></script>
</body>
</html>
